body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

html {
  width: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #fff;
}

* {
  box-sizing: border-box;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

input,
textarea,
select,
button {
  font: 14px Microsoft YaHei;
}

main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-size: 1em;
}

a {
  background-color: transparent;
  color: #333;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
pre,
samp {
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

ol,
ul,
nav {
  list-style-type: none;
}

ol,
ul,
li {
  list-style: none;
}

img {
  -webkit-user-drag: none;
  border-style: none;
  border: 0;
  display: block;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/*margin:0; border: 0;*/

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}



::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-button:vertical {
  display: none;
}

::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}

::-webkit-scrollbar-track:vertical {
  background-color: #F5F5F5;
}

::-webkit-scrollbar-track-piece {
  background: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #ED3333;
}

::-webkit-scrollbar-thumb:vertical {
  background-color: #ED3333;
  border-radius: 50px
}

::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #ED3333;
}

::-webkit-scrollbar-thumb:vertical:active {
  background-color: #ED3333;
}



::-webkit-scrollbar-corner {
  background-color: #F5F5F5;
}

::-webkit-scrollbar-corner:vertical {
  background-color: #F5F5F5;
}

::-webkit-scrollbar-resizer:vertical {
  background-color: #ED3333;
}

:root {

  --color-primary: #ED3333;

}





/*》》》》》》》》》》flex布局《《《《《《《《《《*/

.flex {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex_item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-around {
  justify-content: space-around;
}

.justify-between {
  justify-content: space-between;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}



/*》》》》》》》》》》动态效果《《《《《《《《《《*/

.opacity {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  visibility: hidden;
}



.transition02 {
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.transition035 {
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
}

.transition05 {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.transition075 {
  transition: all 0.75s;
  -moz-transition: all 0.75s;
  -webkit-transition: all 0.75s;
  -o-transition: all 0.75s;
}

.transition1 {
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}



.transition-delay01 {
  transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
}

.transition-delay02 {
  transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
}

.transition-delay03 {
  transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
}

.transition-delay05 {
  transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
}

.transition-delay075 {
  transition-delay: 0.75s;
  -moz-transition-delay: 0.75s;
  -webkit-transition-delay: 0.75s;
  -o-transition-delay: 0.75s;
}





/* 向上 */

@-webkit-keyframes fadeInUp1 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100px, 0);

    transform: translate3d(0, 100px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInUp1 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 100px, 0);

    transform: translate3d(0, 100px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInUp100 {

  -webkit-animation-name: fadeInUp1;

  animation-name: fadeInUp1;

}



@-webkit-keyframes fadeInUp2 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInUp2 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 50px, 0);

    transform: translate3d(0, 50px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInUp50 {

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

}



@-webkit-keyframes fadeInUp3 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInUp3 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInUp20 {

  -webkit-animation-name: fadeInUp3;

  animation-name: fadeInUp3;

}



/* 向右 */

@-webkit-keyframes fadeInLeft1 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100px, 0, 0);

    transform: translate3d(-100px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInLeft1 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-100px, 0, 0);

    transform: translate3d(-100px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInLeft100 {

  -webkit-animation-name: fadeInLeft1;

  animation-name: fadeInLeft1;

}



@-webkit-keyframes fadeInLeft2 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInLeft2 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-50px, 0, 0);

    transform: translate3d(-50px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInLeft50 {

  -webkit-animation-name: fadeInLeft2;

  animation-name: fadeInLeft2;

}



@-webkit-keyframes fadeInLeft3 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInLeft3 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(-20px, 0, 0);

    transform: translate3d(-20px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInLeft20 {

  -webkit-animation-name: fadeInLeft3;

  animation-name: fadeInLeft3;

}



/* 向左 */

@-webkit-keyframes fadeInRight1 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(100px, 0, 0);

    transform: translate3d(100px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInRight1 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(100px, 0, 0);

    transform: translate3d(100px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInRight100 {

  -webkit-animation-name: fadeInRight1;

  animation-name: fadeInRight1;

}



@-webkit-keyframes fadeInRight2 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInRight2 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(50px, 0, 0);

    transform: translate3d(50px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInRight50 {

  -webkit-animation-name: fadeInRight2;

  animation-name: fadeInRight2;

}



@-webkit-keyframes fadeInRight3 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInRight3 {

  from {

    opacity: 0;

    -webkit-transform: translate3d(20px, 0, 0);

    transform: translate3d(20px, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInRight20 {

  -webkit-animation-name: fadeInRight3;

  animation-name: fadeInRight3;

}



@-webkit-keyframes zoom1 {

  from {

    opacity: 0;

    -webkit-transform: scale3d(1.2, 1.2, 1.2);

    transform: scale3d(1.2, 1.2, 1.2);

  }



  50% {

    opacity: 1;

  }

}



@keyframes zoom1 {

  from {

    opacity: 0;

    -webkit-transform: scale3d(1.2, 1.2, 1.2);

    transform: scale3d(1.2, 1.2, 1.2);

  }



  50% {

    opacity: 1;

  }

}



.zoomEn {

  -webkit-animation-name: zoom1;

  animation-name: zoom1;

}

@keyframes fadeInUpimg {
  0% {
    transform: scale(1.5);
  }

  100% {
    transform: none;
  }
}

.fadeInUpimg {
  -webkit-animation-name: fadeInUpimg;
  animation-name: fadeInUpimg;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}




.ell {

  /* word-break: break-all; */

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  overflow: hidden;

}



/* 超过两行显示省略号 */

.ell2 {

  /* word-break: break-all; */

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}



.ell3 {

  /* word-break: break-all; */

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}